CSS குறிப்பு
CSS பண்புகள் மற்றும் அவற்றின் விளக்கங்களின் முழுமையான பட்டியல்.
ஒவ்வொரு CSS பண்பும் அதன் பயன்பாடு மற்றும் சொந்தமான மதிப்புகளைக் கொண்டுள்ளது.
A - CSS பண்புகள்
accent-color
பயனர்-இடைமுகக் கட்டுப்பாடுகளுக்கான அசென்ட் வண்ணத்தை குறிப்பிடுகிறது
align-content
பொருட்கள் அனைத்து கிடைக்கக்கூடிய இடத்தையும் பயன்படுத்தாதபோது நெகிழ்வான கொள்கலனுக்குள் உள்ள கோடுகளுக்கு இடையேயான சீரமைப்பை குறிப்பிடுகிறது
align-items
நெகிழ்வான கொள்கலனுக்குள் உள்ள பொருட்களுக்கான சீரமைப்பை குறிப்பிடுகிறது
align-self
நெகிழ்வான கொள்கலனுக்குள் தேர்ந்தெடுக்கப்பட்ட பொருட்களுக்கான சீரமைப்பை குறிப்பிடுகிறது
all
அனைத்து பண்புகளையும் மீட்டமைக்கிறது (unicode-bidi மற்றும் direction தவிர)
animation
அனைத்து animation-* பண்புகளுக்கான சுருக்கப் பண்பு
animation-delay
அனிமேஷனின் தொடக்கத்திற்கான தாமதத்தை குறிப்பிடுகிறது
animation-direction
ஒரு அனிமேஷன் முன்னோக்கி, பின்னோக்கி அல்லது மாற்று சுழற்சிகளில் இயக்கப்பட வேண்டுமா என்பதை குறிப்பிடுகிறது
animation-duration
ஒரு அனிமேஷன் ஒரு சுழற்சியை முடிக்க எவ்வளவு நேரம் எடுக்க வேண்டும் என்பதை குறிப்பிடுகிறது
animation-fill-mode
அனிமேஷன் இயங்காதபோது (அது தொடங்கும் முன், முடிந்த பிறகு அல்லது இரண்டும்) உறுப்புக்கான ஒரு பாணியை குறிப்பிடுகிறது
animation-iteration-count
ஒரு அனிமேஷன் எத்தனை முறை இயக்கப்பட வேண்டும் என்பதை குறிப்பிடுகிறது
animation-name
@keyframes அனிமேஷனுக்கு ஒரு பெயரை குறிப்பிடுகிறது
animation-play-state
அனிமேஷன் இயங்குகிறதா அல்லது இடைநிறுத்தப்பட்டதா என்பதை குறிப்பிடுகிறது
animation-timing-function
அனிமேஷனின் வேக வளைவை குறிப்பிடுகிறது
aspect-ratio
ஒரு உறுப்பின் விருப்ப விகிதத்தை குறிப்பிடுகிறது
B - CSS பண்புகள்
backdrop-filter
ஒரு உறுப்பின் பின்புறப் பகுதிக்கு ஒரு வரைகலை விளைவை வரையறுக்கிறது
backface-visibility
பயனரை எதிர்கொள்ளும் போது ஒரு உறுப்பின் பின் முகம் தெரிய வேண்டுமா வேண்டாமா என்பதை வரையறுக்கிறது
background
அனைத்து background-* பண்புகளுக்கான சுருக்கப் பண்பு
background-attachment
ஒரு பின்னணி படம் பக்கத்தின் மீதமுள்ள பகுதியுடன் உருளுகிறதா அல்லது நிலையானதா என்பதை அமைக்கிறது
background-blend-mode
ஒவ்வொரு பின்னணி அடுக்கின் (வண்ணம்/படம்) கலப்பு முறையை குறிப்பிடுகிறது
background-clip
ஒரு உறுப்புக்குள் பின்னணி (வண்ணம் அல்லது படம்) எவ்வளவு தூரம் நீட்டிக்கப்பட வேண்டும் என்பதை வரையறுக்கிறது
background-color
ஒரு உறுப்பின் பின்னணி வண்ணத்தை குறிப்பிடுகிறது
background-image
ஒரு உறுப்புக்கு ஒன்று அல்லது அதற்கு மேற்பட்ட பின்னணி படங்களை குறிப்பிடுகிறது
background-origin
ஒரு பின்னணி படத்தின் தோற்ற நிலையை குறிப்பிடுகிறது
background-position
ஒரு பின்னணி படத்தின் நிலையை குறிப்பிடுகிறது
background-position-x
x-அச்சில் ஒரு பின்னணி படத்தின் நிலையை குறிப்பிடுகிறது
background-position-y
y-அச்சில் ஒரு பின்னணி படத்தின் நிலையை குறிப்பிடுகிறது
background-repeat
ஒரு பின்னணி படம் எவ்வாறு மீண்டும் மீண்டும் வரும் என்பதை அமைக்கிறது
background-size
பின்னணி படங்களின் அளவை குறிப்பிடுகிறது
block-size
தடுப்பு திசையில் ஒரு உறுப்பின் அளவை குறிப்பிடுகிறது
border
border-width, border-style மற்றும் border-color க்கான சுருக்கப் பண்பு
border-block
border-block-width, border-block-style மற்றும் border-block-color க்கான சுருக்கப் பண்பு
border-block-color
தடுப்பு திசையில் தொடக்க மற்றும் முடிவில் உள்ள எல்லைகளின் வண்ணத்தை அமைக்கிறது
border-block-end
border-block-end-width, border-block-end-style மற்றும் border-block-end-color க்கான சுருக்கப் பண்பு
border-block-end-color
தடுப்பு திசையில் முடிவில் உள்ள எல்லையின் வண்ணத்தை அமைக்கிறது
border-block-end-style
தடுப்பு திசையில் முடிவில் உள்ள எல்லையின் பாணியை அமைக்கிறது
border-block-end-width
தடுப்பு திசையில் முடிவில் உள்ள எல்லையின் அகலத்தை அமைக்கிறது
border-block-start
border-block-start-width, border-block-start-style மற்றும் border-block-start-color க்கான சுருக்கப் பண்பு
border-block-start-color
தடுப்பு திசையில் தொடக்கத்தில் உள்ள எல்லையின் வண்ணத்தை அமைக்கிறது
border-block-start-style
தடுப்பு திசையில் தொடக்கத்தில் உள்ள எல்லையின் பாணியை அமைக்கிறது
border-block-start-width
தடுப்பு திசையில் தொடக்கத்தில் உள்ள எல்லையின் அகலத்தை அமைக்கிறது
border-block-style
தடுப்பு திசையில் தொடக்க மற்றும் முடிவில் உள்ள எல்லைகளின் பாணியை அமைக்கிறது
border-block-width
தடுப்பு திசையில் தொடக்க மற்றும் முடிவில் உள்ள எல்லைகளின் அகலத்தை அமைக்கிறது
border-bottom
border-bottom-width, border-bottom-style மற்றும் border-bottom-color க்கான சுருக்கப் பண்பு
border-bottom-color
கீழ் எல்லையின் வண்ணத்தை அமைக்கிறது
border-bottom-left-radius
கீழ்-இடது மூலையின் எல்லையின் ஆரத்தை வரையறுக்கிறது
border-bottom-right-radius
கீழ்-வலது மூலையின் எல்லையின் ஆரத்தை வரையறுக்கிறது
border-bottom-style
கீழ் எல்லையின் பாணியை அமைக்கிறது
border-bottom-width
கீழ் எல்லையின் அகலத்தை அமைக்கிறது
border-collapse
அட்டவணை எல்லைகள் ஒரு ஒற்றை எல்லையாக சுருக்கப்பட வேண்டுமா அல்லது பிரிக்கப்பட வேண்டுமா என்பதை அமைக்கிறது
border-color
நான்கு எல்லைகளின் வண்ணத்தை அமைக்கிறது
border-end-end-radius
தடுப்பு-முடிவு மற்றும் இன்லைன்-முடிவு பக்கங்களுக்கு இடையேயான மூலையின் ஆரத்தை அமைக்கிறது
border-end-start-radius
தடுப்பு-முடிவு மற்றும் இன்லைன்-தொடக்க பக்கங்களுக்கு இடையேயான மூலையின் ஆரத்தை அமைக்கிறது
border-image
அனைத்து border-image-* பண்புகளுக்கான சுருக்கப் பண்பு
border-image-outset
எல்லை பட பகுதி எல்லை பெட்டிக்கு அப்பால் எவ்வளவு தொலைவில் நீட்டிக்கப்படுகிறது என்பதை குறிப்பிடுகிறது
border-image-repeat
எல்லை படம் மீண்டும் மீண்டும், வட்டமிட்டு அல்லது நீட்டிக்கப்பட வேண்டுமா என்பதை குறிப்பிடுகிறது
border-image-slice
எல்லை படத்தை எவ்வாறு துண்டிக்க வேண்டும் என்பதை குறிப்பிடுகிறது
border-image-source
எல்லையாகப் பயன்படுத்தப்பட வேண்டிய படத்திற்கான பாதையை குறிப்பிடுகிறது
border-image-width
எல்லை படத்தின் அகலத்தை குறிப்பிடுகிறது
border-inline
border-inline-width, border-inline-style மற்றும் border-inline-color க்கான சுருக்கப் பண்பு
border-inline-color
இன்லைன் திசையில் தொடக்க மற்றும் முடிவில் உள்ள எல்லைகளின் வண்ணத்தை அமைக்கிறது
border-inline-end
border-inline-end-width, border-inline-end-style மற்றும் border-inline-end-color க்கான சுருக்கப் பண்பு
border-inline-end-color
இன்லைன் திசையில் முடிவில் உள்ள எல்லையின் வண்ணத்தை அமைக்கிறது
border-inline-end-style
இன்லைன் திசையில் முடிவில் உள்ள எல்லையின் பாணியை அமைக்கிறது
border-inline-end-width
இன்லைன் திசையில் முடிவில் உள்ள எல்லையின் அகலத்தை அமைக்கிறது
border-inline-start
border-inline-start-width, border-inline-start-style மற்றும் border-inline-start-color க்கான சுருக்கப் பண்பு
border-inline-start-color
இன்லைன் திசையில் தொடக்கத்தில் உள்ள எல்லையின் வண்ணத்தை அமைக்கிறது
border-inline-start-style
இன்லைன் திசையில் தொடக்கத்தில் உள்ள எல்லையின் பாணியை அமைக்கிறது
border-inline-start-width
இன்லைன் திசையில் தொடக்கத்தில் உள்ள எல்லையின் அகலத்தை அமைக்கிறது
border-inline-style
இன்லைன் திசையில் தொடக்க மற்றும் முடிவில் உள்ள எல்லைகளின் பாணியை அமைக்கிறது
border-inline-width
இன்லைன் திசையில் தொடக்க மற்றும் முடிவில் உள்ள எல்லைகளின் அகலத்தை அமைக்கிறது
border-left
அனைத்து border-left-* பண்புகளுக்கான சுருக்கப் பண்பு
border-left-color
இடது எல்லையின் வண்ணத்தை அமைக்கிறது
border-left-style
இடது எல்லையின் பாணியை அமைக்கிறது
border-left-width
இடது எல்லையின் அகலத்தை அமைக்கிறது
border-radius
நான்கு border-*-radius பண்புகளுக்கான சுருக்கப் பண்பு
border-right
அனைத்து border-right-* பண்புகளுக்கான சுருக்கப் பண்பு
border-right-color
வலது எல்லையின் வண்ணத்தை அமைக்கிறது
border-right-style
வலது எல்லையின் பாணியை அமைக்கிறது
border-right-width
வலது எல்லையின் அகலத்தை அமைக்கிறது
border-spacing
அருகிலுள்ள கலங்களின் எல்லைகளுக்கு இடையேயான தூரத்தை அமைக்கிறது
border-start-end-radius
தடுப்பு-தொடக்கம் மற்றும் இன்லைன்-முடிவு பக்கங்களுக்கு இடையேயான மூலையின் ஆரத்தை அமைக்கிறது
border-start-start-radius
தடுப்பு-தொடக்கம் மற்றும் இன்லைன்-தொடக்க பக்கங்களுக்கு இடையேயான மூலையின் ஆரத்தை அமைக்கிறது
border-style
நான்கு எல்லைகளின் பாணியை அமைக்கிறது
border-top
border-top-width, border-top-style மற்றும் border-top-color க்கான சுருக்கப் பண்பு
border-top-color
மேல் எல்லையின் வண்ணத்தை அமைக்கிறது
border-top-left-radius
மேல்-இடது மூலையின் எல்லையின் ஆரத்தை வரையறுக்கிறது
border-top-right-radius
மேல்-வலது மூலையின் எல்லையின் ஆரத்தை வரையறுக்கிறது
border-top-style
மேல் எல்லையின் பாணியை அமைக்கிறது
border-top-width
மேல் எல்லையின் அகலத்தை அமைக்கிறது
border-width
நான்கு எல்லைகளின் அகலத்தை அமைக்கிறது
bottom
அதன் பெற்றோர் உறுப்பிலிருந்து உறுப்பின் நிலையை அமைக்கிறது
box-decoration-break
பக்க-முறிவு அல்லது இன்லைன் உறுப்புகளுக்கு வரி-முறிவில் உறுப்பின் பின்னணி மற்றும் எல்லையின் நடத்தையை அமைக்கிறது
box-reflect
ஒரு உறுப்பின் பிரதிபலிப்பை உருவாக்க box-reflect பண்பு பயன்படுத்தப்படுகிறது
box-shadow
ஒன்று அல்லது அதற்கு மேற்பட்ட நிழல்களை ஒரு உறுப்புடன் இணைக்கிறது
box-sizing
ஒரு உறுப்பின் அகலம் மற்றும் உயரம் எவ்வாறு கணக்கிடப்படுகின்றன என்பதை வரையறுக்கிறது: அவை இடைவெளி மற்றும் எல்லைகளை உள்ளடக்க வேண்டுமா, இல்லையா
break-after
குறிப்பிட்ட உறுப்புக்குப் பிறகு பக்கம்-, நெடுவரிசை- அல்லது பிராந்திய-முறிவு ஏற்பட வேண்டுமா வேண்டாமா என்பதை குறிப்பிடுகிறது
break-before
குறிப்பிட்ட உறுப்புக்கு முன் பக்கம்-, நெடுவரிசை- அல்லது பிராந்திய-முறிவு ஏற்பட வேண்டுமா வேண்டாமா என்பதை குறிப்பிடுகிறது
break-inside
குறிப்பிட்ட உறுப்புக்குள் பக்கம்-, நெடுவரிசை- அல்லது பிராந்திய-முறிவு ஏற்பட வேண்டுமா வேண்டாமா என்பதை குறிப்பிடுகிறது
C - CSS பண்புகள்
caption-side
அட்டவணை தலைப்பின் இடத்தை குறிப்பிடுகிறது
caret-color
உள்ளீடுகள், உரைப்பகுதிகள் அல்லது திருத்தக்கூடிய எந்த உறுப்பிலும் கர்சர் (கேரட்) வண்ணத்தை குறிப்பிடுகிறது
@charset
பாணி தாளில் பயன்படுத்தப்படும் எழுத்து குறியாக்கத்தை குறிப்பிடுகிறது
clear
ஒரு மிதக்கும் உறுப்புக்கு அடுத்ததாக உள்ள உறுப்புடன் என்ன நடக்க வேண்டும் என்பதை குறிப்பிடுகிறது
clip
clip-path-க்கு ஆதரவாக மறைந்துவிட்டது. முற்றிலும் நிலைநிறுத்தப்பட்ட உறுப்பை துண்டிக்கிறது
clip-path
ஒரு உறுப்பை அடிப்படை வடிவத்திற்கு அல்லது SVG மூலத்திற்கு துண்டிக்கிறது
color
உரையின் வண்ணத்தை அமைக்கிறது
color-scheme
ஒரு உறுப்பு எந்த இயக்க முறைமை வண்ணத் திட்டத்தை வழங்க வேண்டும் என்பதைக் குறிக்கிறது
column-count
ஒரு உறுப்பு எத்தனை நெடுவரிசைகளாக பிரிக்கப்பட வேண்டும் என்பதை குறிப்பிடுகிறது
column-fill
நெடுவரிசைகளை எவ்வாறு நிரப்ப வேண்டும், சமநிலையுடனா இல்லையா என்பதை குறிப்பிடுகிறது
column-gap
நெடுவரிசைகளுக்கு இடையே உள்ள இடைவெளியை குறிப்பிடுகிறது
column-rule
அனைத்து column-rule-* பண்புகளுக்கான சுருக்கப் பண்பு
column-rule-color
நெடுவரிசைகளுக்கு இடையேயான விதியின் வண்ணத்தை குறிப்பிடுகிறது
column-rule-style
நெடுவரிசைகளுக்கு இடையேயான விதியின் பாணியை குறிப்பிடுகிறது
column-rule-width
நெடுவரிசைகளுக்கு இடையேயான விதியின் அகலத்தை குறிப்பிடுகிறது
column-span
ஒரு உறுப்பு எத்தனை நெடுவரிசைகளில் விரிய வேண்டும் என்பதை குறிப்பிடுகிறது
column-width
நெடுவரிசை அகலத்தை குறிப்பிடுகிறது
columns
column-width மற்றும் column-count க்கான சுருக்கப் பண்பு
@container
கொள்கலனின் அளவு அல்லது பாணியைப் பொறுத்து, கொள்கலனில் உள்ள உறுப்புகளுக்கான பாணிகளை வரையறுக்கவும்
content
:before மற்றும் :after போலி உறுப்புகளுடன் பயன்படுத்தப்படுகிறது, உருவாக்கப்பட்ட உள்ளடக்கத்தைச் செருக
counter-increment
ஒன்று அல்லது அதற்கு மேற்பட்ட CSS கவுண்டர்களின் மதிப்பை அதிகரிக்கிறது அல்லது குறைக்கிறது
counter-reset
ஒன்று அல்லது அதற்கு மேற்பட்ட CSS கவுண்டர்களை உருவாக்குகிறது அல்லது மீட்டமைக்கிறது
counter-set
ஒன்று அல்லது அதற்கு மேற்பட்ட CSS கவுண்டர்களை உருவாக்குகிறது அல்லது அமைக்கிறது
@counter-style
உங்கள் சொந்த கவுண்டர் பாணிகளை வரையறுக்க உங்களை அனுமதிக்கிறது
cursor
சுட்டிக்காட்டும் போது காண்பிக்கப்பட வேண்டிய சுட்டி கர்சரை குறிப்பிடுகிறது
D - CSS பண்புகள்
direction
உரை திசை/எழுதும் திசையை குறிப்பிடுகிறது
display
ஒரு குறிப்பிட்ட HTML உறுப்பு எவ்வாறு காட்சிப்படுத்தப்பட வேண்டும் என்பதை குறிப்பிடுகிறது
E - CSS பண்புகள்
empty-cells
அட்டவணையில் உள்ள வெற்று கலங்களில் எல்லைகள் மற்றும் பின்னணியை காட்சிப்படுத்த வேண்டுமா வேண்டாமா என்பதை குறிப்பிடுகிறது
F - CSS பண்புகள்
filter
உறுப்பு காட்சிப்படுத்தப்படுவதற்கு முன் ஒரு உறுப்பில் விளைவுகளை வரையறுக்கிறது
flex
flex-grow, flex-shrink மற்றும் flex-basis பண்புகளுக்கான சுருக்கப் பண்பு
flex-basis
நெகிழ்வான உருப்படியின் ஆரம்ப நீளத்தை குறிப்பிடுகிறது
flex-direction
நெகிழ்வான உருப்படிகளின் திசையை குறிப்பிடுகிறது
flex-flow
flex-direction மற்றும் flex-wrap பண்புகளுக்கான சுருக்கப் பண்பு
flex-grow
மீதமுள்ளவற்றுடன் ஒப்பிடும்போது உருப்படி எவ்வளவு வளரும் என்பதை குறிப்பிடுகிறது
flex-shrink
மீதமுள்ளவற்றுடன் ஒப்பிடும்போது உருப்படி எவ்வளவு சுருங்கும் என்பதை குறிப்பிடுகிறது
flex-wrap
நெகிழ்வான உருப்படிகள் மடிக்கப்பட வேண்டுமா அல்லது மடிக்கக்கூடாதா என்பதை குறிப்பிடுகிறது
float
ஒரு உறுப்பு இடது, வலது அல்லது மிதக்கக்கூடாது என்பதை குறிப்பிடுகிறது
font
font-style, font-variant, font-weight, font-size/line-height மற்றும் font-family பண்புகளுக்கான சுருக்கப் பண்பு
@font-face
உரையைக் காட்ட தனிப்பயன் எழுத்துருவைப் பயன்படுத்த குறிப்பிடுகிறது
font-family
உரைக்கான எழுத்துரு குடும்பத்தை குறிப்பிடுகிறது
font-feature-settings
OpenType எழுத்துருக்களில் மேம்பட்ட அச்சுக்கலை அம்சங்களைக் கட்டுப்படுத்த அனுமதிக்கிறது
font-kerning
கர்னிங் தகவலின் பயன்பாட்டைக் கட்டுப்படுத்துகிறது (எழுத்துக்கள் எவ்வாறு இடைவெளி வைக்கப்படுகின்றன)
font-language-override
எழுத்துருவில் மொழி-குறிப்பிட்ட கிளிஃப்களின் பயன்பாட்டைக் கட்டுப்படுத்துகிறது
@font-palette-values
எழுத்துரு-பேலட்டின் இயல்புநிலை மதிப்புகளைத் தனிப்பயனாக்க உங்களை அனுமதிக்கிறது
font-size
உரையின் எழுத்துரு அளவை குறிப்பிடுகிறது
font-size-adjust
மாற்று எழுத்துரு ஏற்படும்போது உரையின் வாசிப்புத்திறன் மற்றும் அளவைப் பாதுகாக்கிறது
font-stretch
எழுத்துரு குடும்பத்திலிருந்து இயல்பான, குறுகிய அல்லது விரிந்த முகத்தைத் தேர்ந்தெடுக்கிறது
font-style
உரைக்கான எழுத்துரு பாணியை குறிப்பிடுகிறது
font-synthesis
பிரௌசரால் காணாமல் போன எழுத்துருக்கள் (தடித்த அல்லது சாய்வு) எவை தொகுக்கப்படலாம் என்பதை கட்டுப்படுத்துகிறது
font-variant
உரை சிறிய-மூடிகளில் காட்சிப்படுத்தப்பட வேண்டுமா வேண்டாமா என்பதை குறிப்பிடுகிறது
font-variant-alternates
மாற்று பெயர்களுடன் தொடர்புடைய மாற்று கிளிஃப்களின் பயன்பாட்டைக் கட்டுப்படுத்துகிறது
font-variant-caps
மூல எழுத்துக்களுக்கான மாற்று கிளிஃப்களின் பயன்பாட்டைக் கட்டுப்படுத்துகிறது
font-variant-east-asian
கிழக்காசிய ஸ்கிரிப்டுகளுக்கான மாற்று கிளிஃப்களின் பயன்பாட்டைக் கட்டுப்படுத்துகிறது
font-variant-ligatures
உறுப்புகளின் உரை உள்ளடக்கத்தில் எந்த லிகேச்சர்கள் மற்றும் சூழலான வடிவங்கள் பயன்படுத்தப்படுகின்றன என்பதைக் கட்டுப்படுத்துகிறது
font-variant-numeric
எண்கள், பின்னங்கள் மற்றும் ஒழுங்கு குறிப்பான்களுக்கான மாற்று கிளிஃப்களின் பயன்பாட்டைக் கட்டுப்படுத்துகிறது
font-variant-position
சூப்பர்ஸ்கிரிப்ட் அல்லது சப்ஸ்கிரிப்ட் தொடர்பான எழுத்துருவின் அடிப்படைக் கோட்டைப் பொறுத்து சிறிய அளவிலான மாற்று கிளிஃப்களின் பயன்பாட்டைக் கட்டுப்படுத்துகிறது
font-weight
எழுத்துருவின் எடையை குறிப்பிடுகிறது
CSS பயிற்சி
உங்கள் CSS அறிவை சோதிக்க இந்த பயிற்சியை முயற்சிக்கவும்.
ஒரு உறுப்பின் உரை வண்ணத்தை அமைக்க பயன்படுத்தப்படும் சரியான CSS பண்பு எது?
G - CSS பண்புகள்
gap
row-gap மற்றும் column-gap பண்புகளுக்கான சுருக்கப் பண்பு
grid
grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns மற்றும் grid-auto-flow பண்புகளுக்கான சுருக்கப் பண்பு
grid-area
கிரிட் உருப்படிக்கு ஒரு பெயரை குறிப்பிடுகிறது, அல்லது இந்த பண்பு grid-row-start, grid-column-start, grid-row-end மற்றும் grid-column-end பண்புகளுக்கான சுருக்கப் பண்பாகும்
grid-auto-columns
இயல்புநிலை நெடுவரிசை அளவை குறிப்பிடுகிறது
grid-auto-flow
தானாக வைக்கப்பட்ட உருப்படிகள் கிரிட்டில் எவ்வாறு செருகப்படுகின்றன என்பதை குறிப்பிடுகிறது
grid-auto-rows
இயல்புநிலை வரிசை அளவை குறிப்பிடுகிறது
grid-column
grid-column-start மற்றும் grid-column-end பண்புகளுக்கான சுருக்கப் பண்பு
grid-column-end
கிரிட் உருப்படியை எங்கு முடிப்பது என்பதை குறிப்பிடுகிறது
grid-column-start
கிரிட் உருப்படியை எங்கு தொடங்குவது என்பதை குறிப்பிடுகிறது
grid-row
grid-row-start மற்றும் grid-row-end பண்புகளுக்கான சுருக்கப் பண்பு
grid-row-end
கிரிட் உருப்படியை எங்கு முடிப்பது என்பதை குறிப்பிடுகிறது
grid-row-start
கிரிட் உருப்படியை எங்கு தொடங்குவது என்பதை குறிப்பிடுகிறது
grid-template
grid-template-rows, grid-template-columns மற்றும் grid-areas பண்புகளுக்கான சுருக்கப் பண்பு
grid-template-areas
பெயரிடப்பட்ட கிரிட் உருப்படிகளைப் பயன்படுத்தி நெடுவரிசைகள் மற்றும் வரிசைகளை எவ்வாறு காட்சிப்படுத்த வேண்டும் என்பதை குறிப்பிடுகிறது
grid-template-columns
கிரிட் அமைப்பில் நெடுவரிசைகளின் அளவு மற்றும் எத்தனை நெடுவரிசைகள் என்பதை குறிப்பிடுகிறது
grid-template-rows
கிரிட் அமைப்பில் வரிசைகளின் அளவை குறிப்பிடுகிறது
H - CSS பண்புகள்
hanging-punctuation
ஒரு நிறுத்தற்குறி எழுத்து வரி பெட்டிக்கு வெளியே வைக்கப்படலாமா என்பதை குறிப்பிடுகிறது
height
ஒரு உறுப்பின் உயரத்தை அமைக்கிறது
hyphens
உரையின் அமைப்பை மேம்படுத்த சொற்களை எவ்வாறு பிரிக்க வேண்டும் என்பதை அமைக்கிறது
hyphenate-character
ஒரு ஹைபனேஷன் முறிவுக்கு முன், வரியின் முடிவில் பயன்படுத்தப்படும் எழுத்தை அமைக்கிறது
I - CSS பண்புகள்
image-rendering
பட அளவிடலுக்குப் பயன்படுத்தப்பட வேண்டிய அல்காரிதத்தின் வகையை குறிப்பிடுகிறது
@import
ஒரு பாணி தாளை மற்றொரு பாணி தாளில் இறக்குமதி செய்ய உங்களை அனுமதிக்கிறது
initial-letter
ஆரம்ப எழுத்தின் அளவைக் குறிப்பிடுகிறது மற்றும் விரும்பினால், ஆரம்ப எழுத்து எத்தனை வரிகளில் மூழ்க வேண்டும் என்பதைக் குறிப்பிடுகிறது
inline-size
இன்லைன் திசையில் ஒரு உறுப்பின் அளவை குறிப்பிடுகிறது
inset
ஒரு உறுப்புக்கும் பெற்றோர் உறுப்புக்கும் இடையே உள்ள தூரத்தை குறிப்பிடுகிறது
inset-block
தடுப்பு திசையில் ஒரு உறுப்புக்கும் பெற்றோர் உறுப்புக்கும் இடையே உள்ள தூரத்தை குறிப்பிடுகிறது
inset-block-end
தடுப்பு திசையில் ஒரு உறுப்பின் முடிவுக்கும் பெற்றோர் உறுப்புக்கும் இடையே உள்ள தூரத்தை குறிப்பிடுகிறது
inset-block-start
தடுப்பு திசையில் ஒரு உறுப்பின் தொடக்கத்திற்கும் பெற்றோர் உறுப்புக்கும் இடையே உள்ள தூரத்தை குறிப்பிடுகிறது
inset-inline
இன்லைன் திசையில் ஒரு உறுப்புக்கும் பெற்றோர் உறுப்புக்கும் இடையே உள்ள தூரத்தை குறிப்பிடுகிறது
inset-inline-end
இன்லைன் திசையில் ஒரு உறுப்பின் முடிவுக்கும் பெற்றோர் உறுப்புக்கும் இடையே உள்ள தூரத்தை குறிப்பிடுகிறது
inset-inline-start
இன்லைன் திசையில் ஒரு உறுப்பின் தொடக்கத்திற்கும் பெற்றோர் உறுப்புக்கும் இடையே உள்ள தூரத்தை குறிப்பிடுகிறது
isolation
ஒரு உறுப்பு புதிய ஸ்டேக்கிங் உள்ளடக்கத்தை உருவாக்க வேண்டுமா என்பதை வரையறுக்கிறது
J - CSS பண்புகள்
justify-content
பொருட்கள் அனைத்து கிடைக்கக்கூடிய இடத்தையும் பயன்படுத்தாதபோது நெகிழ்வான கொள்கலனுக்குள் உள்ள பொருட்களுக்கு இடையேயான சீரமைப்பை குறிப்பிடுகிறது
justify-items
கிரிட் கொள்கலனில் அமைக்கப்பட்டுள்ளது. இன்லைன் திசையில் கிரிட் பொருட்களின் சீரமைப்பை குறிப்பிடுகிறது
justify-self
கிரிட் உருப்படியில் அமைக்கப்பட்டுள்ளது. இன்லைன் திசையில் கிரிட் உருப்படியின் சீரமைப்பை குறிப்பிடுகிறது
K - CSS பண்புகள்
@keyframes
அனிமேஷன் வரிசையில் உள்ள புள்ளிகளுக்கான பாணிகளை வரையறுப்பதன் மூலம் ஒரு அனிமேஷனில் உள்ள படிகளை கட்டுப்படுத்துகிறது
L - CSS பண்புகள்
@layer
CSS கேஸ்கேடு அடுக்குகள் பாணிகளின் வரிசையை எவ்வாறு மதிப்பிடுகின்றன என்பதைக் கட்டுப்படுத்துகிறது
left
நிலைநிறுத்தப்பட்ட உறுப்பின் இடது நிலையை குறிப்பிடுகிறது
letter-spacing
உரையில் உள்ள எழுத்துக்களுக்கு இடையே உள்ள இடைவெளியை அதிகரிக்கிறது அல்லது குறைக்கிறது
line-break
வரிகளை எவ்வாறு/ஏற்படுத்த வேண்டும் என்பதை குறிப்பிடுகிறது
line-height
வரி உயரத்தை அமைக்கிறது
list-style
பட்டியலுக்கான அனைத்து பண்புகளையும் ஒரு அறிவிப்பில் அமைக்கிறது
list-style-image
பட்டியல்-உருப்படி குறிப்பானாக ஒரு படத்தை குறிப்பிடுகிறது
list-style-position
பட்டியல்-உருப்படி குறிப்பான்களின் (புல்லட் புள்ளிகள்) நிலையை குறிப்பிடுகிறது
list-style-type
பட்டியல்-உருப்படி குறிப்பானின் வகையை குறிப்பிடுகிறது
M - CSS பண்புகள்
margin
ஒரு அறிவிப்பில் அனைத்து விளிம்புப் பண்புகளையும் அமைக்கிறது
margin-block
தடுப்பு திசையில் விளிம்பை குறிப்பிடுகிறது
margin-block-end
தடுப்பு திசையில் முடிவில் விளிம்பை குறிப்பிடுகிறது
margin-block-start
தடுப்பு திசையில் தொடக்கத்தில் விளிம்பை குறிப்பிடுகிறது
margin-bottom
ஒரு உறுப்பின் கீழ் விளிம்பை அமைக்கிறது
margin-inline
இன்லைன் திசையில் விளிம்பை குறிப்பிடுகிறது
margin-inline-end
இன்லைன் திசையில் முடிவில் விளிம்பை குறிப்பிடுகிறது
margin-inline-start
இன்லைன் திசையில் தொடக்கத்தில் விளிம்பை குறிப்பிடுகிறது
margin-left
ஒரு உறுப்பின் இடது விளிம்பை அமைக்கிறது
margin-right
ஒரு உறுப்பின் வலது விளிம்பை அமைக்கிறது
margin-top
ஒரு உறுப்பின் மேல் விளிம்பை அமைக்கிறது
marker
ஒரு உறுப்பின் பாதையின் அனைத்து முனைகளிலும் (முதல், நடுத்தர மற்றும் கடைசி) வரையப்படும் குறிப்பானைச் சுட்டிக்காட்டுகிறது
marker-end
ஒரு உறுப்பின் பாதையின் கடைசி முனையில் வரையப்படும் குறிப்பானைச் சுட்டிக்காட்டுகிறது
marker-mid
ஒரு உறுப்பின் பாதையின் அனைத்து நடுத்தர முனைகளிலும் வரையப்படும் குறிப்பானைச் சுட்டிக்காட்டுகிறது
marker-start
ஒரு உறுப்பின் பாதையின் முதல் முனையில் வரையப்படும் குறிப்பானைச் சுட்டிக்காட்டுகிறது
mask
mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size மற்றும் mask-composite பண்புகளுக்கான சுருக்கப் பண்பு
mask-clip
முகமூடி படத்தால் எந்தப் பகுதி பாதிக்கப்படுகிறது என்பதை குறிப்பிடுகிறது
mask-composite
கீழே உள்ள முகமூடி அடுக்குகளுடன் தற்போதைய முகமூடி அடுக்கில் பயன்படுத்தப்படும் ஒரு கலவை செயல்பாட்டை குறிப்பிடுகிறது
mask-image
ஒரு உறுப்புக்கான முகமூடி அடுக்காகப் பயன்படுத்த ஒரு படத்தை குறிப்பிடுகிறது
mask-mode
முகமூடி அடுக்கு படம் ஒரு ஒளிர்வு முகமூடியாக அல்லது ஆல்பா முகமூடியாக கருதப்படுகிறதா என்பதை குறிப்பிடுகிறது
mask-origin
முகமூடி அடுக்கு படத்தின் தோற்ற நிலையை (முகமூடி நிலை பகுதி) குறிப்பிடுகிறது
mask-position
முகமூடி அடுக்கு படத்தின் தொடக்க நிலையை அமைக்கிறது
mask-repeat
முகமூடி அடுக்கு படம் எவ்வாறு மீண்டும் மீண்டும் வரும் என்பதை குறிப்பிடுகிறது
mask-size
முகமூடி அடுக்கு படத்தின் அளவை குறிப்பிடுகிறது
mask-type
ஒரு SVG உறுப்பு ஒளிர்வு முகமூடியாக அல்லது ஆல்பா முகமூடியாக கருதப்படுகிறதா என்பதை குறிப்பிடுகிறது
max-height
ஒரு உறுப்பின் அதிகபட்ச உயரத்தை அமைக்கிறது
max-width
ஒரு உறுப்பின் அதிகபட்ச அகலத்தை அமைக்கிறது
@media
வெவ்வேறு ஊடக வகைகள்/சாதனங்கள்/அளவுகளுக்கான பாணி விதிகளை அமைக்கிறது
max-block-size
தடுப்பு திசையில் ஒரு உறுப்பின் அதிகபட்ச அளவை அமைக்கிறது
max-inline-size
இன்லைன் திசையில் ஒரு உறுப்பின் அதிகபட்ச அளவை அமைக்கிறது
min-block-size
தடுப்பு திசையில் ஒரு உறுப்பின் குறைந்தபட்ச அளவை அமைக்கிறது
min-inline-size
இன்லைன் திசையில் ஒரு உறுப்பின் குறைந்தபட்ச அளவை அமைக்கிறது
min-height
ஒரு உறுப்பின் குறைந்தபட்ச உயரத்தை அமைக்கிறது
min-width
ஒரு உறுப்பின் குறைந்தபட்ச அகலத்தை அமைக்கிறது
mix-blend-mode
ஒரு உறுப்பின் உள்ளடக்கம் அதன் நேரடி பெற்றோர் பின்னணியுடன் எவ்வாறு கலக்க வேண்டும் என்பதை குறிப்பிடுகிறது
N - CSS பண்புகள்
@namespace
பாணி தாளில் பயன்படுத்தப்பட வேண்டிய XML பெயர்வெளியை வரையறுக்கிறது
O - CSS பண்புகள்
object-fit
மாற்றப்பட்ட உறுப்பின் உள்ளடக்கங்கள் அதன் பயன்படுத்தப்பட்ட உயரம் மற்றும் அகலத்தால் நிறுவப்பட்ட பெட்டிக்கு எவ்வாறு பொருத்தப்பட வேண்டும் என்பதை குறிப்பிடுகிறது
object-position
மாற்றப்பட்ட உறுப்பின் அதன் பெட்டிக்குள் சீரமைப்பை குறிப்பிடுகிறது
offset
offset-anchor, offset-distance, offset-path, offset-position மற்றும் offset-rotate பண்புகளுக்கான சுருக்கப் பண்பு
offset-anchor
அனிமேஷன் செய்யப்படும் பாதையில் நிலையான ஒரு உறுப்பில் உள்ள ஒரு புள்ளியை குறிப்பிடுகிறது
offset-distance
அனிமேஷன் செய்யப்படும் உறுப்பு வைக்கப்படும் பாதையில் உள்ள நிலையை குறிப்பிடுகிறது
offset-path
ஒரு உறுப்பு அனிமேஷன் செய்யப்படும் பாதையை குறிப்பிடுகிறது
offset-position
பாதையில் ஒரு உறுப்பின் ஆரம்ப நிலையை குறிப்பிடுகிறது
offset-rotate
அது அனிமேஷன் செய்யப்படும் போது ஒரு உறுப்பின் சுழற்சியை குறிப்பிடுகிறது
opacity
ஒரு உறுப்பின் ஒளிஊடுருவு நிலையை அமைக்கிறது
order
நெகிழ்வான உருப்படியின் வரிசையை அமைக்கிறது
orphans
ஒரு பக்கம் அல்லது நெடுவரிசையின் கீழே விடப்பட வேண்டிய குறைந்தபட்ச வரிகளின் எண்ணிக்கையை அமைக்கிறது
outline
outline-width, outline-style மற்றும் outline-color பண்புகளுக்கான சுருக்கப் பண்பு
outline-color
ஒரு வெளியோட்டத்தின் வண்ணத்தை அமைக்கிறது
outline-offset
ஒரு வெளியோட்டத்தை ஆஃப்செட் செய்து, எல்லை விளிம்பிற்கு அப்பால் வரைகிறது
outline-style
ஒரு வெளியோட்டத்தின் பாணியை அமைக்கிறது
outline-width
ஒரு வெளியோட்டத்தின் அகலத்தை அமைக்கிறது
overflow
உள்ளடக்கம் ஒரு உறுப்பின் பெட்டியை வழிந்தால் என்ன நடக்கும் என்பதை குறிப்பிடுகிறது
overflow-anchor
புதிய உள்ளடக்கம் மேலே ஏற்றப்படும் போது உருளக்கூடிய கொள்கலனில் காணக்கூடிய பகுதியில் உள்ள உள்ளடக்கம் கீழே தள்ளப்பட வேண்டுமா என்பதை குறிப்பிடுகிறது
overflow-wrap
நீண்ட சொற்களை கொள்கலனில் வழிந்தால் பிரௌசர் வரிகளை உடைக்க முடியுமா இல்லையா என்பதை குறிப்பிடுகிறது
overflow-x
உள்ளடக்கம் உறுப்பின் உள்ளடக்கப் பகுதியை வழிந்தால் இடது/வலது விளிம்புகளை துண்டிக்க வேண்டுமா வேண்டாமா என்பதை குறிப்பிடுகிறது
overflow-y
உள்ளடக்கம் உறுப்பின் உள்ளடக்கப் பகுதியை வழிந்தால் மேல்/கீழ் விளிம்புகளை துண்டிக்க வேண்டுமா வேண்டாமா என்பதை குறிப்பிடுகிறது
overscroll-behavior
உருச்சங்கிலி அல்லது ஓவர்ஸ்க்ரோல் அஃபோர்டன்ஸ் x- மற்றும் y-திசைகளில் இருக்க வேண்டுமா என்பதை குறிப்பிடுகிறது
overscroll-behavior-block
தடுப்பு திசையில் உருச்சங்கிலி அல்லது ஓவர்ஸ்க்ரோல் அஃபோர்டன்ஸ் இருக்க வேண்டுமா என்பதை குறிப்பிடுகிறது
overscroll-behavior-inline
இன்லைன் திசையில் உருச்சங்கிலி அல்லது ஓவர்ஸ்க்ரோல் அஃபோர்டன்ஸ் இருக்க வேண்டுமா என்பதை குறிப்பிடுகிறது
overscroll-behavior-x
x-திசையில் உருச்சங்கிலி அல்லது ஓவர்ஸ்க்ரோல் அஃபோர்டன்ஸ் இருக்க வேண்டுமா என்பதை குறிப்பிடுகிறது
overscroll-behavior-y
y-திசைகளில் உருச்சங்கிலி அல்லது ஓவர்ஸ்க்ரோல் அஃபோர்டன்ஸ் இருக்க வேண்டுமா என்பதை குறிப்பிடுகிறது
P - CSS பண்புகள்
padding
அனைத்து padding-* பண்புகளுக்கான சுருக்கப் பண்பு
padding-block
தடுப்பு திசையில் இடைவெளியை குறிப்பிடுகிறது
padding-block-end
தடுப்பு திசையில் முடிவில் இடைவெளியை குறிப்பிடுகிறது
padding-block-start
தடுப்பு திசையில் தொடக்கத்தில் இடைவெளியை குறிப்பிடுகிறது
padding-bottom
ஒரு உறுப்பின் கீழ் இடைவெளியை அமைக்கிறது
padding-inline
இன்லைன் திசையில் இடைவெளியை குறிப்பிடுகிறது
padding-inline-end
இன்லைன் திசையில் முடிவில் இடைவெளியை குறிப்பிடுகிறது
padding-inline-start
இன்லைன் திசையில் தொடக்கத்தில் இடைவெளியை குறிப்பிடுகிறது
padding-left
ஒரு உறுப்பின் இடது இடைவெளியை அமைக்கிறது
padding-right
ஒரு உறுப்பின் வலது இடைவெளியை அமைக்கிறது
padding-top
ஒரு உறுப்பின் மேல் இடைவெளியை அமைக்கிறது
@page
அச்சிடப்பட்ட பக்கங்களின் பரிமாணம், நோக்குநிலை மற்றும் விளிம்புகளை தனிப்பயனாக்குகிறது
page-break-after
ஒரு உறுப்புக்குப் பிறகு பக்க-முறிவு நடத்தையை அமைக்கிறது. break-after பண்பால் மாற்றப்பட்டது
page-break-before
ஒரு உறுப்புக்கு முன் பக்க-முறிவு நடத்தையை அமைக்கிறது. break-before பண்பால் மாற்றப்பட்டது
page-break-inside
ஒரு உறுப்புக்குள் பக்க-முறிவு நடத்தையை அமைக்கிறது. break-inside பண்பால் மாற்றப்பட்டது
paint-order
ஒரு SVG உறுப்பு அல்லது உரை எவ்வாறு வரையப்படுகிறது என்பதன் வரிசையை அமைக்கிறது
perspective
3D-நிலைநிறுத்தப்பட்ட உறுப்புக்கு சில முன்னோக்குகளை அளிக்கிறது
perspective-origin
3D-நிலைநிறுத்தப்பட்ட உறுப்பை பயனர் எந்த நிலையில் பார்க்கிறார் என்பதை வரையறுக்கிறது
place-content
flexbox மற்றும் grid layouts க்கான align-content மற்றும் justify-content பண்பு மதிப்புகளை குறிப்பிடுகிறது
place-items
grid layouts க்கான align-items மற்றும் justify-items பண்பு மதிப்புகளை குறிப்பிடுகிறது
place-self
grid layouts க்கான align-self மற்றும் justify-self பண்பு மதிப்புகளை குறிப்பிடுகிறது
pointer-events
ஒரு உறுப்பு சுட்டி நிகழ்வுகளுக்கு பதிலளிக்குமா இல்லையா என்பதை வரையறுக்கிறது
position
ஒரு உறுப்புக்குப் பயன்படுத்தப்படும் நிலைநிறுத்தும் முறையின் வகையை குறிப்பிடுகிறது
@property
எந்த JavaScript ஐயும் இயக்காமலே பாணித் தாளில் நேரடியாக தனிப்பயன் CSS பண்புகளை வரையறுக்கிறது
Q - CSS பண்புகள்
quotes
உட்பொதிக்கப்பட்ட மேற்கோள்களுக்கான மேற்கோள் குறிகளின் வகையை அமைக்கிறது
R - CSS பண்புகள்
resize
பயனரால் ஒரு உறுப்பு மறுஅளவிடப்படுகிறதா (மற்றும் எவ்வாறு) என்பதை வரையறுக்கிறது
right
நிலைநிறுத்தப்பட்ட உறுப்பின் வலது நிலையை குறிப்பிடுகிறது
rotate
ஒரு உறுப்பின் சுழற்சியை குறிப்பிடுகிறது
row-gap
கிரிட் வரிசைகளுக்கு இடையே உள்ள இடைவெளியை குறிப்பிடுகிறது
S - CSS பண்புகள்
scale
ஒரு உறுப்பின் அளவை அளவிடுவதன் மூலம் குறிப்பிடுகிறது
@scope
குறிப்பிட்ட DOM உபவேர்களில் உறுப்புகளைத் தேர்ந்தெடுத்து, மிகவும் குறிப்பிட்ட தேர்ந்தெடுப்பாளர்களை எழுதாமல் உறுப்புகளைத் துல்லியமாக இலக்காக்க உங்களை அனுமதிக்கிறது
scroll-behavior
உருளக்கூடிய பெட்டியில் உருள் நிலையை மென்மையாக அனிமேஷன் செய்ய வேண்டுமா, நேரடி தாவலுக்குப் பதிலாக என்பதை குறிப்பிடுகிறது
scroll-margin
ஸ்னாப் நிலைக்கும் கொள்கலனுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-block
தடுப்பு திசையில் ஸ்னாப் நிலைக்கும் கொள்கலனுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-block-end
தடுப்பு திசையில் ஸ்னாப் நிலைக்கும் கொள்கலனின் முடிவுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-block-start
தடுப்பு திசையில் ஸ்னாப் நிலைக்கும் கொள்கலனின் தொடக்கத்திற்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-bottom
கீழ் பக்கத்தில் உள்ள ஸ்னாப் நிலைக்கும் கொள்கலனுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-inline
இன்லைன் திசையில் ஸ்னாப் நிலைக்கும் கொள்கலனுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-inline-end
இன்லைன் திசையில் ஸ்னாப் நிலைக்கும் கொள்கலனின் முடிவுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-inline-start
இன்லைன் திசையில் ஸ்னாப் நிலைக்கும் கொள்கலனின் தொடக்கத்திற்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-left
இடது பக்கத்தில் உள்ள ஸ்னாப் நிலைக்கும் கொள்கலனுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-right
வலது பக்கத்தில் உள்ள ஸ்னாப் நிலைக்கும் கொள்கலனுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-margin-top
மேல் பக்கத்தில் உள்ள ஸ்னாப் நிலைக்கும் கொள்கலனுக்கும் இடையேயான விளிம்பை குறிப்பிடுகிறது
scroll-padding
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனிலிருந்து உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-block
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனிலிருந்து தடுப்பு திசையில் உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-block-end
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் முடிவிலிருந்து தடுப்பு திசையில் உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-block-start
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் தொடக்கத்திலிருந்து தடுப்பு திசையில் உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-bottom
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் கீழிலிருந்து உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-inline
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனிலிருந்து இன்லைன் திசையில் உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-inline-end
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் முடிவிலிருந்து இன்லைன் திசையில் உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-inline-start
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் தொடக்கத்திலிருந்து இன்லைன் திசையில் உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-left
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் இடதிலிருந்து உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-right
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் வலதிலிருந்து உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-padding-top
குழந்தை உறுப்புகளில் ஸ்னாப் நிலைக்கு கொள்கலனின் மேலிலிருந்து உள்ள தூரத்தை குறிப்பிடுகிறது
scroll-snap-align
பயனர் உருளுவதை நிறுத்தும் போது உறுப்புகள் எங்கு நிலைநிறுத்தப்பட வேண்டும் என்பதை குறிப்பிடுகிறது
scroll-snap-stop
டிராக்பேட் அல்லது டச் ஸ்கிரீனில் விரைவான ஸ்வைப் செய்த பிறகு உருள் நடத்தையை குறிப்பிடுகிறது
scroll-snap-type
உருளும் போது ஸ்னாப் நடத்தை எவ்வாறு இருக்க வேண்டும் என்பதை குறிப்பிடுகிறது
scrollbar-color
ஒரு உறுப்பின் ஸ்க்ரோல்பாரின் வண்ணத்தை குறிப்பிடுகிறது
shape-outside
இன்லைன் உள்ளடக்கத்தை மடிக்க ஒரு வடிவத்தை வரையறுக்கிறது
@starting-style
உறுப்பு அதன் முதல் பாணி புதுப்பிப்பைப் பெறுவதற்கு முன் ஒரு உறுப்பின் தொடக்க பாணிகளை வரையறுக்கிறது
@supports
ஒரு CSS அம்சத்தை பிரௌசர் ஆதரிக்கிறதா இல்லையா என்பதை சோதிக்க பயன்படுகிறது
T - CSS பண்புகள்
tab-size
ஒரு தாவல் எழுத்தின் அகலத்தை குறிப்பிடுகிறது
table-layout
அட்டவணை கலங்கள், வரிசைகள் மற்றும் நெடுவரிசைகளை வரிசைப்படுத்த பயன்படுத்தப்படும் அல்காரிதத்தை வரையறுக்கிறது
text-align
உரையின் கிடைமட்ட சீரமைப்பை குறிப்பிடுகிறது
text-align-last
உரை-சீரமைப்பு "justify" ஆக இருக்கும் போது ஒரு தடுப்பு அல்லது பலிக்கப்பட்ட வரி முறிவுக்கு முன் வலது வரி எவ்வாறு சீரமைக்கப்படுகிறது என்பதை விவரிக்கிறது
text-combine-upright
பல எழுத்துக்களின் கலவையை ஒரு ஒற்றை எழுத்தின் இடத்திற்கு குறிப்பிடுகிறது
text-decoration
உரைக்கு சேர்க்கப்படும் அலங்காரத்தை குறிப்பிடுகிறது
text-decoration-color
உரை-அலங்காரத்தின் வண்ணத்தை குறிப்பிடுகிறது
text-decoration-line
உரை-அலங்காரத்தில் உள்ள வரியின் வகையை குறிப்பிடுகிறது
text-decoration-style
உரை அலங்காரத்தில் உள்ள வரியின் பாணியை குறிப்பிடுகிறது
text-decoration-thickness
அலங்கார வரியின் தடிமனை குறிப்பிடுகிறது
text-emphasis
text-emphasis-style மற்றும் text-emphasis-color பண்புகளுக்கான சுருக்கப் பண்பு
text-emphasis-color
அழுத்தக் குறிகளின் வண்ணத்தை குறிப்பிடுகிறது
text-emphasis-position
அழுத்தக் குறிகளின் நிலையை குறிப்பிடுகிறது
text-emphasis-style
அழுத்தக் குறிகளின் பாணியை குறிப்பிடுகிறது
text-indent
உரை-தடுப்பில் முதல் வரியின் உள்தள்ளலை குறிப்பிடுகிறது
text-justify
உரை-சீரமைப்பு "justify" ஆக இருக்கும்போது பயன்படுத்தப்படும் நியாயப்படுத்தும் முறையை குறிப்பிடுகிறது
text-orientation
ஒரு வரியில் உள்ள எழுத்துக்களின் நோக்குநிலையை வரையறுக்கிறது
text-overflow
உரை கொள்கலன் உறுப்பை வழிந்தால் என்ன நடக்க வேண்டும் என்பதை குறிப்பிடுகிறது
text-shadow
உரைக்கு நிழலைச் சேர்க்கிறது
text-transform
உரையின் மூல எழுத்து மாற்றத்தை கட்டுப்படுத்துகிறது
text-underline-offset
அடிக்கோடிடப்பட்ட உரை அலங்காரத்தின் ஆஃப்செட் தூரத்தை குறிப்பிடுகிறது
text-underline-position
அடிக்கோடிடப்பட்ட உரை அலங்காரத்தின் நிலையை குறிப்பிடுகிறது
top
நிலைநிறுத்தப்பட்ட உறுப்பின் மேல் நிலையை குறிப்பிடுகிறது
transform
ஒரு உறுப்புக்கு 2D அல்லது 3D மாற்றத்தைப் பயன்படுத்துகிறது
transform-origin
மாற்றப்பட்ட உறுப்புகளில் நிலையை மாற்ற உங்களை அனுமதிக்கிறது
transform-style
கூடு உறுப்புகள் 3D இடத்தில் எவ்வாறு வழங்கப்படுகின்றன என்பதை குறிப்பிடுகிறது
transition
அனைத்து transition-* பண்புகளுக்கான சுருக்கப் பண்பு
transition-delay
மாற்றம் விளைவு எப்போது தொடங்கும் என்பதை குறிப்பிடுகிறது
transition-duration
மாற்றம் விளைவு முடிக்க எத்தனை விநாடிகள் அல்லது மில்லிவிநாடிகள் எடுக்கும் என்பதை குறிப்பிடுகிறது
transition-property
மாற்றம் விளைவு எந்த CSS பண்புக்காக உள்ளது என்பதை குறிப்பிடுகிறது
transition-timing-function
மாற்றம் விளைவின் வேக வளைவை குறிப்பிடுகிறது
translate
ஒரு உறுப்பின் நிலையை குறிப்பிடுகிறது
U - CSS பண்புகள்
unicode-bidi
direction பண்புடன் சேர்ந்து பயன்படுத்தப்படுகிறது, உரை ஒரே ஆவணத்தில் பல மொழிகளை ஆதரிக்க மேலெழுதப்பட வேண்டுமா இல்லையா என்பதை அமைக்க அல்லது திரும்பப் பெற
user-select
ஒரு உறுப்பின் உரையை தேர்ந்தெடுக்க முடியுமா இல்லையா என்பதை குறிப்பிடுகிறது
V - CSS பண்புகள்
vertical-align
ஒரு உறுப்பின் செங்குத்து சீரமைப்பை அமைக்கிறது
visibility
ஒரு உறுப்பு தெரியுமா இல்லையா என்பதை குறிப்பிடுகிறது
W - CSS பண்புகள்
white-space
ஒரு உறுப்புக்குள் வெள்ளை-இடம் எவ்வாறு கையாளப்படுகிறது என்பதை குறிப்பிடுகிறது
widows
ஒரு பக்கம் அல்லது நெடுவரிசையின் மேலே விடப்பட வேண்டிய குறைந்தபட்ச வரிகளின் எண்ணிக்கையை அமைக்கிறது
width
ஒரு உறுப்பின் அகலத்தை அமைக்கிறது
word-break
வரியின் முடிவை அடைந்தால் சொற்கள் எவ்வாறு உடைய வேண்டும் என்பதை குறிப்பிடுகிறது
word-spacing
உரையில் உள்ள சொற்களுக்கு இடையே உள்ள இடைவெளியை அதிகரிக்கிறது அல்லது குறைக்கிறது
word-wrap
நீண்ட, உடைக்க முடியாத சொற்களை உடைத்து அடுத்த வரிக்கு மடிக்க அனுமதிக்கிறது
writing-mode
உரை வரிகள் கிடைமட்டமாக அல்லது செங்குத்தாக அமைக்கப்பட்டுள்ளனவா என்பதை குறிப்பிடுகிறது
Z - CSS பண்புகள்
z-index
நிலைநிறுத்தப்பட்ட உறுப்பின் ஸ்டாக் வரிசையை அமைக்கிறது
zoom
ஒரு உறுப்பிற்கான ஜூம் காரணியை குறிப்பிடுகிறது. ஒரு உறுப்பு ஜூம் இன் மற்றும் ஜூம் அவுட் செய்யப்படலாம்
CSS குறிப்பைப் பயன்படுத்துதல்
முக்கியமான குறிப்பு:
இந்த CSS குறிப்பு அனைத்து CSS பண்புகள் மற்றும் அவற்றின் பயன்பாடுகளைப் பற்றிய முழுமையான தகவலை வழங்குகிறது. CSS அடிப்படைகளை கற்றுக்கொள்வதற்கு Jassif Team இன் CSS டுடோரியலைப் பார்க்கவும்.
CSS பண்பு பயன்பாட்டு எடுத்துக்காட்டு:
/* CSS குறியீடு எடுத்துக்காட்டு */
selector {
property: value;
property: value;
}/* நடைமுறை எடுத்துக்காட்டு */
h1 {
color: blue;
font-size: 24px;
margin: 10px;
padding: 5px;
}